@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_8hm72hown8v.woff2?t=1628153559840') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_8hm72hown8v.woff?t=1628153559840') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_8hm72hown8v.ttf?t=1628153559840') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:microsoft yahei;overflow-x:hidden;height:100%;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;color: var(--zhu-color);}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
img{max-width: 100%;}
.fl{float: left;}
.fr{float: right}
.clear{clear: both;}


/*i-npro*/
.i-npro{padding-top: 80px;}
.i-npro .wrapp{background: url(../images/npro.png) 20px top no-repeat;}
.i-npro-hd{overflow: hidden;width:1400px;}
.i-npro-hd .lt{width:165px;}
.i-npro-hd .t1{font-size: 24px;color: var(--zhu-color);}
.i-npro-hd .t2{font-size: 38px;color: #121212;}
.i-npro-hd .t3{font-size: 18px;color: #999999;line-height: 24px;width:510px;float: left;margin-top:15px;padding-left:20px;}
.i-npro-hd .right{font-size: 18px;color: #999999;}
.i-npro-hd .right span{background: var(--zhu-color);width:75px;height: 35px;text-align: right;line-height: 35px ;transition: all .5s}
.i-npro-hd a .fr{transition: all .5s}
.i-npro-hd a:hover .fr{margin-right:-15px;}
.i-npro-hd a:hover span{width:90px;}
.i-npro-hd .right i{color: var(--zhu-color);font-size: 40px;}
.i-npro-bd{margin-top: 30px;border-left:solid 1px var(--zhu-color);background: #f5f5f5;margin-left: 84px;overflow: hidden;padding:35px 130px 35px 35px;width:1600px;}
.i-npro-bd .swiper-container{width:100%;}
.i-npro-bd .pic{position: relative;padding-bottom: 100%;width:100%;overflow: hidden;}
.i-npro-bd .pic img{position: absolute;width:100%;height: 100%;object-fit: cover;transition: all .5s}
.i-npro-bd p{font-size: 18px;color: #333333;text-align: center;line-height: 65px;transition: all .5s}
.i-npro-bd .swiper-slide:hover .pic img{transform: scale(1.1);}
.i-npro-bd .swiper-slide:hover p{background: var(--zhu-color);color: #fff;}

@media(min-width: 1300px){
	.i-npro-hd{width:1400px;}

}
@media(max-width: 1290px){
	.i-npro-hd{width:1300px;}
	.i-npro-bd{width:calc(100% - 85px);padding-right:15px;}
}
@media(max-width: 1200px){
	.i-npro .wrapp{width:auto;}
	.i-npro-hd{width:1100px;}
}
@media(max-width: 992px){
	.i-npro{padding-top: 30px;}
	.i-npro-hd{width:1000px;}
	.i-npro-hd .t3{width:100%;}
	.i-npro-hd .right span{width:55px;}
}
@media(max-width: 768px){
	.i-npro .wrapp{background: none;}
	.i-npro-hd{width:100%;}
	.i-npro-bd{width:100%;margin-left: 0}
}
@media(max-width: 576px){
	.h-nav-box.active{padding:5px 0;}
	.i-npro-hd .right{font-size: 14px;}
	.i-npro-hd .t1{font-size: 18px;}
	.i-npro-hd .t2{font-size: 24px;}
	.i-npro-hd a .fr{width:100%;}

	.i-npro-hd .right i{font-size: 20px}
	.i-npro-hd .right span{width:45px;}
}


/*i-com*/
.i-com{margin: 85px auto;width:1400px;}
.i-com .row{background: url(../images/icom-icon.png) 20px top no-repeat;}
.i-com .t1{font-size: 36px;color: #262626;font-weight: 500;}
.i-com .t2{font-size: 20px;color: var(--zhu-color);line-height: 40px;font-weight: bold;}
.i-com span{width:45px;height:7px;background: var(--zhu-color);display: block;margin: 10px 0 20px;}
.i-com .t3{line-height: 32px;color: #999999;font-size: 16px;-webkit-line-clamp:5;overflow: hidden;}
.i-com a{border:solid 1px var(--zhu-color);padding:8px 20px;display: block;font-size: 18px;color: var(--zhu-color);float: left;margin: 30px 0 80px;transition: all .5s}
.i-com a:hover{background: var(--zhu-color);color: #fff;}
.i-com .right .box{box-shadow:-50px 70px 1px #f4f4f4;}
.i-com .right .box img{box-shadow:-20px 20px 10px #d2d2d2;}
@media(max-width: 1520px){
	.i-com{width:100%;}
}
@media(max-width: 1200px){
	.i-com .t1{font-size: 28px;}
	.i-com .t2{font-size: 17px;}
}
@media(max-width: 992px){
	.i-com .right .box{box-shadow:none;}
}

@media(max-width: 768px){
	.i-com{margin:30px auto 50px;}
	.i-com .row{background: none;}
	.i-com .t1{font-size: 24px;}
	.i-com .t2{font-size: 16px;}
	.i-com a{margin-bottom: 30px;}
}

/*i-adv*/
.i-adv .t1{color: var(--zhu-color);font-size:24px;font-weight: bold;}
.i-adv .t2{color: #333333;font-size:36px;font-weight: 500;}
.i-adv .t3{color: #999999;font-size:16px;line-height: 30px;padding:20px 0;}
.i-adv  span{width:48px;height: .30px;background: var(--zhu-color);display: block;}
.i-adv-hd .left{background: #f4f4f4;padding:30px 0 50px;width:90%;float: left}
.i-adv-hd .left img{float: right;margin-right: -50px;box-shadow: -20px 20px 10px #d2d2d2}
.i-adv-hd .right{float: left;padding:70px 0;}
.i-adv-md{margin-top:120px;}
.i-adv-md .left{float: right;margin-top: -50px;}
.i-adv-md .right{background: var(--zhu-color);padding-bottom: 30px;}
.i-adv-md .right img{margin:-140px 0 0 -30px;}
.i-adv-bd{margin-top: 40px;}
.i-adv-bd img{margin-top: -80px;}
.i-adv-bd .right{padding:0px 0;}
@media(min-width: 1400px){
	.i-adv .container-fluid{padding:0;}
	.i-adv-hd .right{width:680px;}
	.i-adv-md .left{width:680px;}
}
@media(max-width: 1399px){
	.i-adv-hd .right{width:580px;padding:20px 0;}
	.i-adv-md .left{width:580px;margin-top: -10px;}
	.i-adv-bd .right{padding:0px 0 20px;}
}
@media(max-width: 1200px){
	.i-adv-hd .right{width:480px;}
	.i-adv-md .left{width:480px;}
	.i-adv-bd{margin-top: 80px;}
	.i-adv-bd .right{margin-top: -50px;}
}
@media(max-width: 992px){
	.i-adv-hd .right{width:100%;}
	.i-adv-hd .left{width:100%;}
	.i-adv-md{margin-top:150px;}
	.i-adv-md .row{flex-direction: column-reverse;}
	.i-adv-md .left{margin-top: 20px;width:100%;}
	.i-adv-bd .right{margin-top: 30px;}
}
@media(max-width: 540px){
	.i-adv .t2{font-size:26px;}
	.i-adv-md .right img{margin-top:-50px; }
}

/*i-case*/
.i-case{margin-top: 50px;}
.i-case .left{margin-right: -30px;margin-top: 80px;position: relative;}
.i-case .left i{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size: 50px;font-family: 'iconfont';color:rgba(255,255,255,.7);cursor: pointer;}
.i-case .left img{float: right;height: 530px;object-fit: cover;width:100%;}
.i-case .right{background: url(../images/i-case-bg.jpg) center top;padding:50px 0px 0px 50px;background-size: 100% 100%; }
.i-case .right .hd{background: url(../images/i-case-icon.png) left top no-repeat;padding:0 0 15px 100px;}
.i-case .t1{color: #333333;font-size: 42px;font-weight: 500}
.i-case .t2{color: var(--zhu-color);font-size: 20px;font-weight: 500;padding:0px 0 15px;}
.i-case .t3{color: #999999;font-size: 14px;line-height: 20px;width:600px}
.i-case .right .hd .line{width:45px;height:7px;background: var(--zhu-color);display: block;margin-top:30px;}
.i-case .right .bd{overflow: hidden;width:100%;padding-right: 30px;overflow: hidden;padding-bottom: 30px;}
.i-case .right .bd p{text-align: center;font-size:18px;color: #333333;padding:5px 0;transition: all .5s}
.i-case .right .more{margin-top:15px;font-size: 16px;}
.i-case .right span{background: var(--zhu-color);width:75px;height: 35px;text-align: right;line-height: 35px;transition: all .5s }
.i-case .right i{color: var(--zhu-color);font-size: 40px;}
.i-case .right .hd a{color: #333}
.i-case .right .hd a:hover span{width:90px;}
.i-case .right .bd .pic{width:100%;padding-bottom: 70%;position: relative;overflow: hidden;}
.i-case .right .bd .pic img{width:100%;height: 100%;object-fit: cover;transition: all .5s;position: absolute;}
.i-case .right .bd .swiper-slide:hover .pic img{transform: scale(1.1,1.1);}
.i-case .right .bd .swiper-slide:hover p{color: var(--zhu-color);}
@media(min-width: 1400px){
	.i-case .container-fluid{padding:0 0 30px;}
	.i-case .right{height: 580px;}
}
@media(min-width: 1600px){
	/*.i-case .right{height: 580px;}*/
}
@media(max-width: 1400px){
	.i-case .right{margin-bottom:40px;}
}
@media(max-width: 1300px){
	
	.i-case .t3{width:100%;}
}
@media(max-width: 1200px){
	.i-case .t3{width:98%;}
	.i-case .left{display: none;}
	/*.i-case .right .hd{padding:0 0 10px 10px;}*/
}
@media(max-width: 992px){
	.i-case .t3{width:98%;}
	.i-case .left img{margin-top:0;}
}
@media(max-width: 768px){
	.i-case .left{margin-right: 0}
	.i-case .right{padding-left:0;padding-top: 20px;}
	.i-case .right .hd{background: none;padding:10px;}
	.i-case .t2{font-size: 16px;}
	
	.i-case .right .bd{margin-top: 30px;padding-right: 0}
}

/*i-news*/
.i-news{background: var(--zhu-color);padding:70px 0;margin-top:50px;overflow: hidden;}
.i-news-box{width:1400px;margin:0 auto;}
.i-news .row{background: url(../images/i-case-bg.jpg);padding:35px ;}
.i-news .left{background: url(../images/i-news-icon.png) center top no-repeat;}
.i-news .right{overflow: hidden;}
.i-news-hd .t1{font-size: 42px;color: #333333;font-weight: 500}
.i-news-hd .more{font-size: 16px;}
.i-news-hd .more span{background: var(--zhu-color);width:75px;height: 35px;text-align: right;line-height: 35px;transition: all .5s }
.i-news-hd .more i{color: var(--zhu-color);font-size: 40px;}
.i-news-hd .more{color: #333;transition: all .5s}
.i-news-hd .more:hover span{width:90px;}
.i-news-hd .more:hover{margin-right:-15px;}
.i-news-bd{margin-top: 30px;width:100%;}
.i-news-bd .pic{width:100%;position: relative;padding-bottom: 48.6%;overflow: hidden;}
.i-news-bd .pic img{width:100%;height: 100%;object-fit: cover;transition: all .5s;position: absolute;}
.i-news-bd .txt{padding:20px 0 50px;overflow: hidden;}
.i-news-bd .txt .t1{color: #999999;font-size:14px;}
.i-news-bd .txt .t2{color: #333333;font-size:18px;font-weight: 700;border-left:solid 2px #333;text-indent: 10px;margin:5px 0;transition: all .5s}
.i-news-bd .txt .t3{color: #666666;font-size:14px;line-height: 26px;-webkit-line-clamp:3;overflow: hidden;margin:15px 0;background: url(../images/inews-line.png) center top no-repeat;padding:15px 0 0;}
.i-news-bd .swiper-slide:hover .t2{color: var(--zhu-color);border-color: var(--zhu-color);text-indent: 15px;}
.i-news-bd .swiper-slide:hover .pic img{transform: scale(1.1,1.1);}
.i-news-bd{
    --swiper-theme-color: var(--zhu-color);
    /*--swiper-pagination-color: #00ff33;/* 两种都可以 */*/
  }
@media(max-width:1450px ){
	.i-news-box{width:1100px;}
}
@media(max-width:1200px ){
	.i-news-box{width:98%;}
}
@media(max-width:992px ){
/*	.i-news-box{width:auto;}*/
	.i-news .row{padding:15px 0;}
	.i-news-bd .txt{padding:20px 0;}
}

@media(max-width:540px ){
	.i-news{padding:20px 0;margin-top: 20px;}
	.i-news-hd .t1{font-size: 30px;}
	.i-news-hd .fr{width:110px;}
	.i-news-hd .more{font-size: 14px;}
	.i-news-hd .more span{width:45px;}
	.i-news-hd .more i{font-size: 20px;}
}